<template>
	<view class="">
	  <view class="margin-top-sm padding-lr-xs" v-for="item in article">
	    <view class="bg-white light radius-lg shadow-blur">
	      <view class="flex padding-tb-sm padding-lr-sm justify-between" >
	        <view class="padding-xs" style="width: 85%;">
	          <view class="text-xl text-black">{{item.title}}</view>
	          <text class="padding-top-xs" >{{item.content}}</text>
			  <view>---------------</view>
			  <text class="" style="font-weight: 300; font-size: 80%;">{{item.date}}</text>
	        </view>
	        <view class="">			
	          <view class="margin-top-xs text-red cuIcon-delete" style="font-size: 80%;">删除</view>
	        </view>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	
		const article = ref([{
			id:1,
			title: "文章标题1",
			content: "文章正文xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
			date: "发布时间"
		},{
			id:2,
			title: "文章标题2",
			content: "文章正文xxxxxx",
			date: "发布时间"
		}])
</script>

<style>
</style>